<template>
  <svg class="animate-spin" width="28" height="28" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M0 20C0 8.95431 8.95431 0 20 0V0C31.0457 0 40 8.95431 40 20V20C40 31.0457 31.0457 40 20 40V40C8.95431 40 0 31.0457 0 20V20Z" fill="#DFE1E6"/>
    <path d="M32 20C32 22.3734 31.2962 24.6935 29.9776 26.6668C28.6591 28.6402 26.7849 30.1783 24.5922 31.0866C22.3995 31.9948 19.9867 32.2324 17.6589 31.7694C15.3311 31.3064 13.1929 30.1635 11.5147 28.4853C9.83649 26.8071 8.6936 24.6689 8.23058 22.3411C7.76755 20.0133 8.00519 17.6005 8.91345 15.4078C9.8217 13.2151 11.3598 11.3409 13.3332 10.0224C15.3065 8.70379 17.6266 8 20 8L20 12.2C18.4573 12.2 16.9493 12.6575 15.6666 13.5145C14.3838 14.3716 13.3841 15.5898 12.7937 17.0151C12.2034 18.4403 12.0489 20.0087 12.3499 21.5217C12.6508 23.0348 13.3937 24.4246 14.4846 25.5154C15.5754 26.6063 16.9652 27.3492 18.4783 27.6501C19.9913 27.9511 21.5597 27.7966 22.9849 27.2063C24.4102 26.6159 25.6284 25.6162 26.4855 24.3334C27.3425 23.0507 27.8 21.5427 27.8 20H32Z" fill="#C1C7D0"/>
    <path d="M20 8C21.5759 8 23.1363 8.31039 24.5922 8.91345C26.0481 9.5165 27.371 10.4004 28.4853 11.5147C29.5996 12.629 30.4835 13.9519 31.0866 15.4078C31.6896 16.8637 32 18.4241 32 20L27.8 20C27.8 18.9757 27.5982 17.9614 27.2063 17.0151C26.8143 16.0687 26.2397 15.2089 25.5154 14.4846C24.7911 13.7603 23.9313 13.1857 22.9849 12.7937C22.0386 12.4018 21.0243 12.2 20 12.2L20 8Z" fill="#97A0AF"/>
  </svg>
</template>
<script>
    export default {}
</script>